<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%@ include file="/WEB-INF/jsp/common/meta.jsp"%>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
</head>
<body>
<!--筛选开始-->
<div class="filter-wrap easyuitextbox" id="csCustomerInformationViewQuery${jsTimer}">
    <form id="queryForm" class="form-inline">
        <div class="form-group">
            <label>创建日期</label>
            <input id="crtTimeStartWdate" name="crtTimeStart" type="text" class="Wdate"
                   onfocus="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'#F{$dp.$D(\'crtTimeEndWdate\',{d:0});}'})">
            --
            <input id="crtTimeEndWdate" name="crtTimeEnd" type="text" class="Wdate"
                   onfocus="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'crtTimeStartWdate\',{d:0});}'})">
        </div>
        <div class="form-group">
            <label>客户名称</label>
            <input id="nameTextbox" name="name" type="text" class="easyui-textbox">
        </div>
        <div class="form-group">
            <label>联系电话</label>
            <input id="phoneTextbox" name="phone" type="text" class="easyui-textbox">
        </div>
        <div class="form-group">
            <label>客户等级</label>
            <select id="gradeCombobox" name="grade" class="easyui-combobox"
                    panelHeight='auto' editable="false" style="width: 120px;"
                    data-options="
                    prompt: '---请选择---',
                    data:HgUtil.getDictComboboxData('customerGrade')">
            </select>
        </div>
        <div class="form-group">
            <label>客户类型</label>
            <select id="typeCombobox" name="type" class="easyui-combobox"
                    panelHeight='auto' editable="false" style="width: 120px;"
                    data-options="
                    prompt: '---请选择---',
                    data:HgUtil.getDictComboboxData('customerType')">
            </select>
        </div>
        <div class="form-group">
            <button type="button" tag="query" class="btn btn-default text-editbox btn-edit btn-7747ab">查询</button>
            <button type="button" tag="reset" class="btn btn-default text-editbox btn-edit">重置</button>
        </div>
    </form>
</div>
<!--筛选结束-->
<div class="clearfix"></div>
<!--表格开始-->
<div id="csCustomerInformationViewTable${jsTimer}" class="table-edit otheredit easyuifybox">
    <!--ps:生成代码时 在最后一行生成一个空th和空td 切记！-->
    <table id="csCustomerInformationGrid" class="easyui-datagrid tabsetcolor"
           pagination="true"
           pageSize="${defaultPageSize}"
           pageList="${defaultPageList}"
           data-options="
           resizable:true,
           rownumbers:false,
           singleSelect:false,
           collapsible:true,
           border:0,
           url:'${ctx}/cs/CsCustomerInformation/list'"
           style="max-height: 400px;">
        <thead>
        <tr>
            <th data-options="field:'id',checkbox:true,resizable:true">&nbsp;</th>
            <th data-options="field:'name',align:'center',resizable:true" width="20%">客户名称</th>
            <th data-options="field:'grade',align:'center',resizable:true, formatter:function(value){return HgUtil.getDictItemName('customerGrade',value);}" width="10%">客户等级</th>
            <th data-options="field:'type',align:'center',resizable:true, formatter:function(value){return HgUtil.getDictItemName('customerType',value);}" width="10%">客户类型</th>
            <th data-options="field:'phone',align:'center',resizable:true" width="15%">联系电话</th>
            <th data-options="field:'sex',align:'center',resizable:true, formatter:function(value){return HgUtil.getDictItemName('maleOrFemale',value);}" width="10%">客户性别</th>
            <th data-options="field:'crtUserName',align:'center',resizable:true" width="15%">创建人</th>
            <th data-options="field:'crtTime',align:'center',resizable:true, formatter:HgUtil.formatToDateTime" width="20%">创建日期</th>
        </tr>
        </thead>
    </table>
</div>
<!--表格结束-->
<script type="text/javascript">
    $(function(){
//        hexin.init();
//        hexin.leftNavClick();
//        hexin.setTableHeight();
//        hexin.filterShow();
//        hexin.jstablcon();
//
//        //图表
//        scbox.resize();
//        hurubox.resize();
    });


    //图表渲染
    //    $(window).resize(function(){
    //        scbox.resize();
    //        hurubox.resize();
    //    });

    var pageJsTimer = "${jsTimer}";
</script>
<script type="text/javascript" src="${ctx}/static/js/cs/shortcut/CsCustomerInformation_view.js?jsTimer=${jsTimer}"></script>
</body>
</html>